<template>
	<view>
		<view style="height: 30rpx;"></view>
		<view style="width: 690rpx;height: 304rpx;border-radius: 24rpx;background: #FFF;margin: 0 auto;display: flex; align-items: center;">
			<view style="width: 96rpx;height: 176rpx;display: flex;flex-direction: column;align-items: center;">
				<view style="width: 36rpx;height: 36rpx;border-radius: 4rpx;background: #26D360;color: #FFF;font-size: 24rpx;line-height: 36rpx;text-align: center;">起</view>
				<view style="width: 1rpx;height: 104rpx;border: 1rpx dashed #EEEEEE;"></view>
				<view style="width: 36rpx;height: 36rpx;border-radius: 4rpx;background: #FF9500;color: #FFF;font-size: 24rpx;line-height: 36rpx;text-align: center;">终</view>
			</view>
			<view>
				<view style="height: 152rpx;display: flex;flex-direction: column;justify-content: center;">
					<view style="color: #333333;font-size: 30rpx;font-weight: bold;margin-bottom: 10rpx;">郑州市</view>
					<view style="color: #9E9E9E;font-size: 26rpx;">正弘西悦城</view>
				</view>
				<view style="height: 152rpx;display: flex;flex-direction: column;justify-content: center;">
					<view style="color: #333333;font-size: 30rpx;font-weight: bold;margin-bottom: 10rpx;">郑州市</view>
					<view style="color: #9E9E9E;font-size: 26rpx;">正弘西悦城</view>
				</view>
			</view>
		</view>
		<view style="height: 30rpx;"></view>
		<view style="width: 690rpx;height: 96rpx;display: flex;align-items: center;justify-content: space-between;padding: 0 30rpx;color: #333333;background: #FFF;margin: 0 auto;border-radius: 16rpx;" @click="personPopup=true">
			<view style="color: #333333;font-size: 30rpx;font-weight: bold;">退款金额</view>
			<view style="color: #333333;font-size: 30rpx;font-weight: bold;">￥89.00</view>
		</view>
		<view style="height: 30rpx;"></view>
		<view style="width: 690rpx;border-radius: 16rpx;background-color: #FFF;margin: 0 auto;padding: 0 30rpx 30rpx;box-sizing: border-box;">
			<view style="height: 90rpx;line-height: 90rpx;font-weight: bold;">退款说明</view>
			<textarea style="width: 630rpx;box-sizing: border-box;padding: 20rpx;background: #F9F9F9;border-radius: 16rpx;" placeholder="填写退款说明~"></textarea>
		</view>
		<view style="width: 750rpx;height: 180rpx;position: absolute;background: #FFF;bottom: 0;">
			<view style="height: 112rpx;display: flex;align-items: center;padding: 0 30rpx;">
				<view>退款金额</view>
				<view style="margin-left: 8rpx;color: #FF3131;font-size: 30rpx;font-weight: bold;"><text style="font-size: 22rpx;">￥</text>89.00</view>
				<view style="width: 244rpx;height: 84rpx;background: #26D360;border-radius: 50rpx;line-height: 84rpx;text-align: center;color: #FFF;font-weight: bold;margin-left: auto;" @click="toSubmit">提交</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			//提交退款申请
			toSubmit(){
				uni.navigateTo({
					url:'/pages/personalCenter/refundResult'
				})
			}
		}
	}
</script>

<style>
	page{
		background-color: #F9F9F9;
	}
</style>